<template>
  <view>
    <view class="bannerImg">
      <!-- <image
        src="http://static-www.health.ikang.com/images/news/ad20140418b.jpg"
        mode="scaleToFill"
        lazy-load="false"
      ></image> -->
      <!-- <view class="bannerText"></view> -->
      <!-- 我们集团是中国收入规模领先的中高端连锁体检与健康管理集团，是中国体检与健康管理行业第一家上市公司 -->
    </view>

    <view id="aboutUsBox">
      <view class="wholeBox">
        <view class="banner">有人“管”的体检</view>
        <view class="trangle"></view>
        <view
          >2017年，爱康集团战略升级，发布iKangCare+计划，针对行业几大痛点，检后报告看不懂，阳性指标追踪，检后重大疾病寻找医疗资源的问题，提供针对性解决方案，把体检真正升级为健康权管理服务。为促进国人健康做出更多贡献。</view
        >
      </view>
      <view class="wholeBox">
        <view class="banner">覆盖全国的医疗资源</view>
        <view class="trangle"></view>
      </view>
    </view>
  </view>
</template>

<script>
export default {};
</script>

<style scoped lang="less">
.bannerImg {
  background: url(http://static-www.health.ikang.com/images/news/ad20140418b.jpg)
    no-repeat left top;
  width: 100%;
  height: 400rpx;
  position: relative;
  word-break: break-all;
  font-weight: 500rpx;
  color: white;
  padding: 30rpx;
  text-align: center;

  .bannerText {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 400rpx;
    text-align: center;
    background: rgba(255, 255, 255, 0.3);
    word-break: keep-all;
  }
}
image {
  width: 100%;
}
#aboutUsBox {
  display: flex;
  align-items: center;
  justify-self: start;
  flex-direction: column;
}
.wholeBox {
  position: relative;
  width: 80%;
  height: 300rpx;
  background-color: #fff;
  margin-top: 30rpx;
  box-shadow: 0 0 100px rgba(131, 42, 42, 0.08);
  text-align: center;
  padding: 90rpx 30rpx 0 30rpx;
  .trangle {
    position: absolute;
    border-style: solid;
    border-width: 0px 15rpx 15rpx 0rpx;
    border-color: transparent #043009 transparent transparent;
    width: 0rpx;
    height: 0rpx;
    top: 80rpx;
    left: -14rpx;
  }
  .banner {
    position: absolute;
    height: 45rpx;
    background-color: #c6ead9;
    z-index: 1;
    left: -15rpx;
    top: 20rpx;
    text-align: center;
    line-height: 45rpx;
    padding: 5px 40rpx;
    font-size: 30rpx;
  }
}
</style>
